// components/select/select.ts
Component({

  /**
   * 组件的属性列表
   */
  properties: {
    // options: {
    //   type: Array
    // },
    // selectedIndex: {
    //   type: Number,
    //   value: 0
    // },
    // selectedValue: {
    //   type: String,
    //   value: ''
    // }
  },

  /**
   * 组件的初始数据
   */
  data: {
    showOptions: false,
    options: ['红色', '蓝色', '绿色'],
    selectedIndex: -1,
    selectedValue: ''
  },

  /**
   * 组件的方法列表
   */
  methods: {
    onSelectChange(e: BaseEvent) {
      const index = e.detail.value
      const value = this.data.options[index]
      this.setData({
        selectedIndex: index,
        selectedValue: value
      })
      console.log('选中值:', value)
    },
    toggleSelect() {
      this.setData({ showOptions: !this.data.showOptions })
    },
    
    closeSelect() {
      this.setData({ showOptions: false })
    },
  
    selectOption(e) {
      const index = e.currentTarget.dataset.index
      const value = this.data.options[index]
      this.setData({
        selectedIndex: index,
        selectedValue: value,
        showOptions: false
      })
    }
  }
})